<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="contentWrap">
      <div class="top-box">
        <img src="./img/top_bg.jpg" alt="top_bg" />
        <div class="content">
          <div class="box-left">
            <div class="box-left-top">
              <img class="logo" src="./img/logo.png" alt="logo" />
              <p>山西焦煤霍州煤电</p>
            </div>

            <div class="box-left-bottom">
              <p>晋北煤业有限公司</p>
              <p>基于物联网智慧仓储物流系统</p>
            </div>
          </div>
          <img class="box-right" src="./img/img.png" alt="img" />
        </div>
      </div>

      <div class="bottom-box">
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.material/index.html">
				<img src="./img/icon1.png" alt="icon1" />
			</a>
          <p>材料数据</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.accessory/index.html">
          <img src="./img/icon2.png" alt="icon2" />
			</a>
          <p>配件数据</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.plan_review/index.html">
          <img src="./img/icon3.png" alt="icon3" />
			</a>
          <p>计划审批</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.claim_review/index.html">
          <img src="./img/icon4.png" alt="icon4" />
			</a>
          <p>领用审批</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.plan_merge/index.html">
          <img src="./img/icon5.png" alt="icon5" />
			</a>
          <p>合并数据</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.enter_storehouse/index.html">
          <img src="./img/icon6.png" alt="icon6" />
			</a>
          <p>入库管理</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.enter_detailed/index.html">
          <img src="./img/icon7.png" alt="icon7" />
			</a>
          <p>入库明细</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.ex_warehouse/index.html">
          <img src="./img/icon8.png" alt="icon8" />
			</a>
          <p>扫码出库</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/data/control.enter_summary/index.html">
          <img src="./img/icon9.png" alt="icon9" />
			</a>
          <p>物资汇总</p>
        </div>
        <div class="bottom-box-item">
			<a href="http://81.70.76.190/admin.html#/admin/user/index.html">
          <img src="./img/icon10.png" alt="icon10" />
			</a>
          <p>全员管理</p>
        </div>
      </div>
    </div>

    <script>
      // 来自 https://github.com/amfe/lib-flexible/blob/2.0/index.js
      (function flexible(window, document) {
        var docEl = document.documentElement;
        // 获取当前显示设备的物理像素分辨率与CSS像素分辨率之比;
        var dpr = window.devicePixelRatio || 1;

        //根据分辨率调整全局字体大小
        function setBodyFontSize() {
          // html已完成加载，则立即调整字体大小，否则等待html加载完成再调整字体大小
          if (document.body) {
            document.body.style.fontSize = 12 * dpr + "px";
          } else {
            // 监听DOMContentLoaded 事件——当初始的 HTML 文档被完全加载和解析完成之后触发，无需等待样式表
            document.addEventListener("DOMContentLoaded", setBodyFontSize);
          }
        }
        setBodyFontSize();

        // 根据屏幕宽度，重置1rem的长度为当前屏幕宽度的1/10
        function setRemUnit() {
          var rem = docEl.clientWidth / 10;
          // 1rem的值永远为根元素的字体大小，所以此处通过调整全局字体大小来重置rem
          docEl.style.fontSize = rem + "px";
        }

        setRemUnit();

        // 监听resize事件——屏幕大小发生变化时触发
        window.addEventListener("resize", setRemUnit);
        // 监听pageshow事件——显示页面时触发
        window.addEventListener("pageshow", function (e) {
          // 若是浏览器中点击后退时显示页面，则重置rem
          if (e.persisted) {
            setRemUnit();
          }
        });

        // 检测是否支持0.5px
        if (dpr >= 2) {
          var fakeBody = document.createElement("body");
          var testElement = document.createElement("div");
          testElement.style.border = ".5px solid transparent";
          fakeBody.appendChild(testElement);
          docEl.appendChild(fakeBody);
          if (testElement.offsetHeight === 1) {
            docEl.classList.add("hairlines");
          }
          docEl.removeChild(fakeBody);
        }
      })(window, document);
    </script>
  </body>
</html>
